* {
    /*-fx-background-color: rgb(60, 63, 65);*/
    -fx-border-width: 0;
    -fx-border-color: rgb(60, 63, 65);
}

#vboxToolBar {
    -fx-background-color: rgb(60, 63, 65);
}

#hboxMain {
    /*-fx-border-color: rgb(60, 63, 65);*/
}

.menu-bar {
    -fx-background-color: rgb(60, 63, 65);
    -fx-padding: 0;
    /*-fx-border-width: 0 0 2 0;*/
    /*-fx-border-color: rgb(50, 50, 50);*/
}

.menu-button {
    -fx-background-color: transparent;
}

.menu-button .label {
    -fx-background-color: transparent;
    -fx-text-fill: white;
}

.menu-button:hover {
    -fx-background-color: rgb(75, 110, 175);
}

.menu-item {
    -fx-background-color: rgb(60, 63, 65);
}

.menu-item:hover {
    -fx-background-color: rgb(75, 110, 175);
}

.context-menu {
    -fx-background-color: rgb(60, 63, 65);
}

#canvasContainer {
    -fx-background-color: rgb(43, 43, 43);
}

.combo-box, .color-picker {
    -fx-background-color: rgb(43, 43, 43);
    -fx-background-radius: 0px;
    /*-fx-border-width: 1px;*/
    /*-fx-border-color: lightgrey;*/
}

.combo-box > * {
    -fx-text-fill: white;
}

.color-picker .label {
    -fx-text-fill: white;
}

.gridpane {
    -fx-background-color: rgb(60, 63, 65);
}

.lbl {
    -fx-background-color: transparent;
    -fx-text-fill: white;
}

.tab-pane .tab-header-area .headers-region .tab {
    /*-fx-border-color: #a3a7a8;*/
    -fx-border-radius: 0;
    -fx-background-color: rgb(60, 63, 65);
    -fx-background-radius: 0;
    /*-fx-pref-height: 40px;*/
    /*-fx-background-insets: 0;*/
}

.tab-pane .tab-header-area .headers-region .tab:hover {
    -fx-background-color: rgb(75, 110, 175);
}

.tab-pane > .tab-header-area > .headers-region > .tab:selected {
    /*-fx-border-color: #2381E9 #a3a7a8 #a3a7a8 #a3a7a8;*/
    -fx-border-width: 0;
    -fx-border-radius: 0;
    -fx-background-color: rgb(43, 43, 43);
    /*-fx-pref-height: 40px;*/
    /*-fx-background-insets: 0;*/
}

.tab .tab-label {
    /*-fx-alignment: CENTER;*/
    -fx-text-fill: white;
    /*-fx-font-weight: bold;*/
}

.tab-pane .tab-content-area {
    -fx-background-color: rgb(60, 63, 65);
}

.tool-bar {
    -fx-background-color: rgb(60, 63, 65);
}

.tab-pane .tab-header-area .tab-header-background {
    -fx-background-color: rgb(60, 63, 65);
}

.vbox {
    -fx-background-color: rgb(60, 63, 65);
}

.scroll-pane {
    -fx-background-color: rgb(60, 63, 65);
}

.split-pane {
    -fx-background-color: rgb(60, 63, 65);
}

.split-pane .split-pane-divider {
    -fx-background-color: rgb(50, 50, 50);
}

#toolSettingsScroll .viewport {
    -fx-background-color: rgb(60, 63, 65);
}

.scroll-bar {
    -fx-background-color: transparent;
}

.scroll-bar .track {
    -fx-background-color: transparent;
}

.scroll-bar .thumb {
    -fx-background-color: rgb(43, 43, 43);
    -fx-background-radius: 0;
}

.scroll-bar .thumb:hover {
    -fx-background-color: rgb(80, 80, 80);
}

.scroll-bar .increment-button, .scroll-bar .decrement-button {
    -fx-background-color: transparent;
}

.scroll-bar .increment-button .increment-arrow,
.scroll-bar .decrement-button .decrement-arrow {
    -fx-background-color: transparent;
}

.check-box {
    -fx-text-fill: white;
}

.check-box .box {
    -fx-background-color: rgb(43, 43, 43);
    -fx-background-radius: 0;
    /*-fx-border-width: 1px;*/
    /*-fx-border-color: white;*/
}

.slider .track {
    -fx-background-color: rgb(43, 43, 43);
    -fx-background-radius: 0;
}

.slider .thumb {
    -fx-background-color: darkgrey;
}

.slider .thumb:hover {
    -fx-background-color: lightgrey;
}

.radio-button {
    -fx-text-fill: white;
}

.radio-button .radio {
    -fx-background-color: rgb(43, 43, 43);
}

.text-field {
    -fx-background-color: rgb(43, 43, 43);
    -fx-text-fill: white;
}

.button {
    -fx-background-color: rgb(60, 63, 65);
    -fx-text-fill: white;
    -fx-border-radius: 10px;
    -fx-background-radius: 0px;
    -fx-end-margin: 0;
    -fx-start-margin: 0;
}

.button:hover {
    -fx-text-fill: black;
    /*-fx-background-color: rgb(75, 110, 175);*/
    -fx-border-width: 0px;
    -fx-background-color: rgb(100, 100, 100);
}

#normalPen,
#randomPen,
#eraser,
#straw,
#darken,
#lighten,
#grayPen,
#texturePen,
#channelPen,
#huePen {
    -fx-background-size: 32px 32px;
    -fx-min-width: 32px;
    -fx-max-width: 32px;
    -fx-min-height: 32px;
    -fx-max-height: 32px;
}

#normalPen {
    -fx-background-image: url("../icons/NormalPen1.png");
}

#normalPen:hover, #normalPen.active {
    -fx-background-image: url("../icons/NormalPen2.png");
}

#eraser {
    -fx-background-image: url("../icons/Eraser1.png");
}

#eraser:hover, #eraser.active {
    -fx-background-image: url("../icons/Eraser2.png");
}

#randomPen {
    -fx-background-image: url("../icons/RandomPen1.png");
}

#randomPen:hover, #randomPen.active {
    -fx-background-image: url("../icons/RandomPen2.png");
}

#straw {
    -fx-background-image: url("../icons/Straw1.png");
}

#straw:hover, #straw.active {
    -fx-background-image: url("../icons/Straw2.png");
}

#darken {
    -fx-background-image: url("../icons/Darken1.png");
}

#darken:hover, #darken.active {
    -fx-background-image: url("../icons/Darken2.png");
}

#lighten {
    -fx-background-image: url("../icons/Lighten1.png");
}

#lighten:hover, #lighten.active {
    -fx-background-image: url("../icons/Lighten2.png");
}

#grayPen {
    -fx-background-image: url("../icons/GrayPen1.png");
}

#grayPen:hover, #grayPen.active {
    -fx-background-image: url("../icons/GrayPen2.png");
}

#texturePen {
    -fx-background-image: url("../icons/TexturePen1.png");
}

#texturePen:hover, #texturePen.active {
    -fx-background-image: url("../icons/texturePen2.png");
}

#channelPen {
    -fx-background-image: url("../icons/ChannelPen1.png");
}

#channelPen:hover, #channelPen.active {
    -fx-background-image: url("../icons/channelPen2.png");
}

#huePen {
    -fx-background-image: url("../icons/HuePen1.png");
}

#huePen:hover, #huePen.active {
    -fx-background-image: url("../icons/HuePen2.png");
}

/*#widthText,*/
/*#heightText{*/
    /*-fx-background-color: rgb(43,43,43);*/
/*}*/